<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度新闻网页布局复刻</title>
    <link rel="stylesheet" href="CSS/style.css">
</head>
<body>
    <header>百度新闻 百度一下</header>
    <main>
        <section id="one">
            <div id = "one_left">文字新闻</div>
            <div id = "one_right">
                <div id = "one_right_up">图片</div>
                <div id = "one_right_down">图片</div>
            </div>
        </section>
        <section id="two" class="clearfix">
            <div id = "two_left">文字新闻</div>
            <div id = "two_middle">图片</div>
            <div id = "two_right">文字新闻</div>
        </section>
        <section id="three" class="clearfix">
            <div id = "three_left">文字新闻</div>
            <div id = "three_middle">图片</div>
            <div id = "three_right">
                <div id = "three_right_up">图片</div>
                <div id = "three_right_down">文字新闻</div>
            </div>
        </section>
        <section id="four" class="clearfix">
            <div id = "four_1">
                <div id = "four_11">图片</div>
                <div id = "four_12">图片</div>
                <div id = "four_13">图片</div>
                <div id = "four_14">图片</div>
                <div id = "four_15">图片</div>
            </div>
            <div id = "four_2" class="clearfix">
                <div id = "four_21">图片</div>
                <div id = "four_22">图片</div>
                <div id = "four_23">图片</div>
                <div id = "four_24">图片</div>
                <div id = "four_25">图片</div>
            </div>
            
        </section>
        <section id="right" class="clearfix">
            <div id = "right_1">侧 边 导 航 栏</div>
        </section>
    </main>
    <footer>备案号 版权声明</footer>
</body>
</html>